<!-- 辅助线 -->
<template>
	<div
		:class="[w ? 'w-line' : 'h-line']"
		:style="{
			[w ? 'top' : 'left']: w ? wLine + 'px' : hLine + 'px',
			'fontSize': '14px',
			color: '#333333'
		}" > {{ w ? wLine : hLine}}
		</div>
</template>
<script setup>
import { onBeforeUnmount, onMounted, reactive, ref, defineProps } from "vue";
let props = defineProps({
	w: {
		type: Boolean,
		default: false,
	},
	wLine: {
		type: Number,
        default: null
	},
	hLine: {
		type: Number,
        default: null
	},
});
</script>
<style scoped lang="scss">
.w-line {
	position: absolute;
	width: 100%;
	border-top: 1px dashed #000000;
}

.h-line {
	position: absolute;
	height: 100%;
	border-left: 1px dashed #000000;
}
</style>
